<template>
	<div class="monitoringScheme">
		
       <sample v-bind.sync="$props" ref="sample"></sample>
        <div>
        	<el-row :gutter="20" style="margin-left:0;margin-right:0;">
        		<testItem v-bind.sync="$props" ref="testItem"></testItem>
        	</el-row>
        	<!--<el-row :gutter="20" v-if="getPlanData.source == 0" style="margin-left:0;margin-right:0;">
        		<material v-bind.sync="$props" ref="material"></material>
        	</el-row>-->
        	
      </div>
	</div>
</template>

<script>
	import { mapState } from 'vuex'
	import sample from './msComponent/sample.vue'
	import testItem from './msComponent/testItem.vue'
	import material from './msComponent/material.vue'
	export default {
		props:['title','getPlanData'],
		components:{
			sample,
			testItem,
			material
		},
		data(){
			return {
				  beixuanyangpin:'',
			}
		},
		computed:{
			...mapState(['cycleMode','cycStatus','abilityTableDate','testBatchStatus','inspectionUnitTableDate2','waibuorneibu','status','bottleType','isBD']),
		},
		methods:{
		    planHandleBottle(params){
		    	return new Promise((resolve,reject)=>{
		    		this.$http({
					          method: 'post', 
					          apiUrl: '/detection/planHandleBottle.htm',
					          params:params,
					          isJson:true,
					       }).then(res=>{
					          if(res.code === 0){
					          	resolve(res)
					          }else{
					          	reject(err)
					          }   
				       	  },)
		    	})  	
		    },	
		}
	}
</script>

<style>
	.monitoringScheme{
		padding-bottom: 20px;
		/*height: calc(100% - 20px);*/
		/*overflow: auto;*/

	}
</style>